<template>
  <div class="app">
    <HeadBar></HeadBar>
    <router-view></router-view>
    <div class="daziji"></div>
    <!-- 饿了么 返回顶部 -->
    <el-backtop
      :bottom="100"
      :right="80"
      style="
         {
          box-shadow: none;
        }
      "
    >
      <img
        src="./state/img/rocket_top.png"
        alt=""
        title="返回顶部"
        style="
           {
            width: 120px;
            height: 120px;
          }
        "
      />
    </el-backtop>
    <Foot></Foot>
  </div>
</template>

<script>
  import HeadBar from '@/components/HeadFoot/HeadBar.vue';
  import Foot from '@/components/HeadFoot/Foot.vue';
  let i = 0;
  let timer = null;
  export default {
    name: 'app',
    // 注册组件
    components: {
      HeadBar,
      Foot,
    },
    data() {
      return {
        // 打字效果
        data: {
          newData: '', //新的 覆盖的 数据
          oblData: 'jaskdjka.asodjlas.', // 原数据
        },
      };
    },

    methods: {},
    created() {
      //  修改 页面的 title
      document.title = '梅洋好帅';
    },
  };
</script>

<style lang="less" scoped>
  .app {
    display: flex;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    // background-color: #ccc;
    .daziji {
      position: absolute;
      width: 100%;
      top: 50%;
      z-index: 999;
      text-align: center;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      transform: translateY(-50%);
    }
  }
</style>
